﻿@model qltscd.Models.ScreenClient.LuanChuyenScreenClient
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/Modules/_LayoutTacVuNhapLieu.cshtml";
}
@*<h2>Luân chuyển thiết bị</h2>*@
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm("Create", "luanchuyen", FormMethod.Post)) {
    @Html.ValidationSummary(true)
    @Html.HiddenFor(o => o.IdentityLuanChuyen)
    <input type="hidden" value="0" id="luanchuyen" name="luanchuyen" />
    <fieldset>
        <legend>Luân Chuyển Thiết Bị</legend>
        <table border="0" width="100%" cellpadding="10px" cellspacing="10px">
            <tr>
                <td style="margin-left: 10px;" class="label_col">
                    Mã Luân Chuyển
                </td>
                <td>
                    @Html.TextBoxFor(model => model.MaLuanChuyen, new { @style = "width:97%;" })
                </td>
                <td style="margin-left: 10px;" class="label_col">
                    Ngày giao
                </td>
                <td>
                    @(Html.Telerik().DatePicker()
                    .Name("NgayBanGiao")
                    .HtmlAttributes(new { @style = "width:70%; " })
                )
                </td>
            </tr>
            <tr>
                <td style="margin-left: 10px;" class="label_col">
                    Đơn vị giao
                </td>
                <td>
                    @(Html.Telerik().ComboBox()
                    .Name("DonViGiao")
                    .HtmlAttributes(new { @style = "width:97%;" })
                    .BindTo((SelectList)ViewBag.DonViGiao)
                )
                </td>
                <td style="margin-left: 10px;" class="label_col">
                    Người giao
                </td>
                <td>
                    @Html.TextBoxFor(model => model.NguoiGiao, new { @style = "width:97%;" })
                </td>
            </tr>
            <tr>
                <td style="margin-left: 10px;" class="label_col">
                    Đơn vị nhận
                </td>
                <td>
                    @(Html.Telerik().ComboBox()
                    .Name("DonViNhan")
                    .HtmlAttributes(new { @style = "width:97%;" })
                    .BindTo((SelectList)ViewBag.DonViNhan)
                )
                </td>
                <td style="margin-left: 10px;" class="label_col">
                    Người nhận
                </td>
                <td>
                    @Html.TextBoxFor(model => model.NguoiNhan, new { @style = "width:97%;" })
                </td>
            </tr>
        </table>
    </fieldset>
<fieldset>
        <legend>Thông tin thiết bị</legend>
        @{
           Html.Telerik().Grid(Model.DSLuanChuyen)
           .Name("grdDSTB")
           .DataKeys(keys =>
           {
               keys.Add(c => c.IdentityChiTietLuanChuyen);
           })
           //.Selectable()
           .Resizable(r => r.Columns(true))
           .Reorderable(r => r.Columns(true))
           .Sortable(s => s.Enabled(true))
           .NoRecordsTemplate("Không có thiết bị luân chuyển")
           .Footer(false)
           //.Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(10))
           .Editable(e => e.Mode(GridEditMode.InLine).InsertRowPosition(GridInsertRowPosition.Bottom))
           .ClientEvents(e => e.OnSave("gridReload"))
           .ToolBar(t =>
           {
               t.Insert()
                  .Text("Thêm thiết bị")
                  .ButtonType(GridButtonType.ImageAndText);
               //t.SubmitChanges().SaveText("Lưu").CancelText("Hủy").ButtonType(GridButtonType.ImageAndText);
           })
           .DataBinding(databinding =>
           {
               databinding.Server()
                   .Select("Create", "LuanChuyen");
               databinding.Ajax()
                   .Select("_Create", "LuanChuyen")
                   .Insert("_Insert", "LuanChuyen")
                   .Delete("_Delete", "LuanChuyen")
                   .Update("_Update", "LuanChuyen");
           })
           .Columns(column =>
           {
               column.Command(cmd => {
                   cmd.Edit()
                       .ButtonType(GridButtonType.Image)
                       .Text("Sửa");
                   cmd.Delete()
                       .ButtonType(GridButtonType.Image)
                       .Text("Xóa");
               }).Width(90);
               column.Bound(o => o.SerialThietBi).Title("Serial thiết bị").Width(250).EditorTemplateName("ThietBi");
               column.Bound(o => o.MaThietBi).Title("Mã thiết bị").Width(200).ReadOnly();
               column.Bound(o => o.TheThietBi).Title("Thẻ thiết bị").Width(250).ReadOnly();
               column.Bound(o => o.TenThietBi).Title("Tên thiết bị").ReadOnly();
           })
           .Render();
        }
    </fieldset>
    <div class="divButton">
        <input type="submit" value="Lưu" class="button" />&nbsp;
        <input type="reset" value="Nhập lại" class="button" />&nbsp;
        @Html.ActionLink("Thoát", "Index", "tacvu", null, new { @class = "button" })
    </div>
    <div class="errBlock">
        @ViewData["erMaLuanChuyen"]
        @Html.ValidationMessageFor(model => model.MaLuanChuyen, "", new { @style = "display:block;" })
        @Html.ValidationMessageFor(model => model.NguoiNhan, "", new { @style = "display:block;" })
        @Html.ValidationMessageFor(model => model.DonViGiao, "", new { @style = "display:block;" })
        @Html.ValidationMessageFor(model => model.DonViNhan, "", new { @style = "display:block;" })
        @Html.ValidationMessageFor(model => model.NguoiGiao, "", new { @style = "display:block;" })
    </div>
}
<script>
    function gridReload() {
        $('#grdDSTB').data('tGrid').rebind();
    }
</script>